<template>
    <a-button @click="setData" >set data</a-button>
    <sa-calendar :data="data" :weekType="'en'">
        <template #dayItem="{ item }">
            <div class="date-item">
                <div>{{ item.day }}</div>
                <div>{{ item?.detail?.text }}</div>
            </div>
        </template>
    </sa-calendar>
</template>

<script setup lang="ts">

import { reactive } from 'vue';
let data = reactive([{
    date: '2023-02-16',
    text: '疯狂星期四'
}])
const setData = () =>{
    data[0].text = 'V50'
}
</script>